<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets">

    <!-- 
            Replace path to template, title, header and body
            with actual data.
    -->
    <ui:composition template="/templates/template.xhtml">
        <ui:define name="pageTitle">Cadastro de Pedidos</ui:define>
        <ui:define name="titleBody">Cadastro de Pedidos</ui:define>
        <ui:define name="body">
            <h:panelGroup styleClass="painel">
                <h:form id="formulario">
                    <table style="margin: auto; text-align: left;">

                        <tr>
                            <td>
                                <h:outputText value="Cliente:" />
                            </td>
                            <td>
                                <h:selectOneMenu id="idCliente" value="#{pedidoCtrl.idClienteEscolhido}" style="margin-left: 25px;" required="true">
                                    <f:selectItem itemValue="" itemLabel="Selecione..."/>
                                    <f:selectItems value="#{pedidoCtrl.carregarClientes()}"/>
                                </h:selectOneMenu>
                            </td>
                            <td>
                                <h:outputText value="Funcionario:" />
                            </td>
                            <td>
                                <h:selectOneMenu id="idFuncionario" value="#{pedidoCtrl.idFuncionarioEscolhido}" style="margin-left: 25px;" required="true">
                                    <f:selectItem itemValue="" itemLabel="Selecione..."/>
                                    <f:selectItems value="#{pedidoCtrl.carregarFuncionarios()}"/>
                                </h:selectOneMenu>
                            </td>
                        </tr>

                        <tr>
                            <td colspan="2" >
                                <h:message for="idCliente"/>
                            </td>
                            <td colspan="2" >
                                <h:message for="idFuncionario"/>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="4">
                                <h:dataTable value="#{pedidoCtrl.listaVeiculos}" var="veiculo" width="100%" headerClass="cabecalho">
                                    <h:column>
                                        <f:facet name="header">
                                            <h:outputText value="ESCOLHA"/>
                                        </f:facet>
                                        <h:selectBooleanCheckbox  id="idEscolhidos" value="#{veiculo.escolhido}">
                                            
                                        </h:selectBooleanCheckbox>
                                    </h:column>
                                    <h:column>
                                        <f:facet name="header">
                                            <h:outputText value="CODIGO"/>
                                        </f:facet>
                                        <h:outputText value="#{veiculo.id}"/>
                                    </h:column>
                                    <h:column>
                                        <f:facet name="header">
                                            <h:outputText value="NOME"/>
                                        </f:facet>
                                        <h:outputText value="#{veiculo.nome}"/>
                                    </h:column>
                                    <h:column>
                                        <f:facet name="header">
                                            <h:outputText value="MODELO"/>
                                        </f:facet>
                                        <h:outputText value="#{veiculo.modelo}"/>
                                    </h:column>
                                    <h:column>
                                        <f:facet name="header">
                                            <h:outputText value="MONTADORA"/>
                                        </f:facet>
                                        <h:outputText value="#{veiculo.montadora.nome}"/>
                                    </h:column>
                                    <h:column>
                                        <f:facet name="header">
                                            <h:outputText value="COR"/>
                                        </f:facet>
                                        <h:outputText value="#{veiculo.cor}"/>
                                    </h:column>
                                    <h:column>
                                        <f:facet name="header">
                                            <h:outputText value="ANO"/>
                                        </f:facet>
                                        <h:outputText value="#{veiculo.anoFabricacao}"/>
                                    </h:column>
                                </h:dataTable>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <h:commandButton value="Cadastrar"  actionListener="#{pedidoCtrl.salvar()}"></h:commandButton>
                            </td>
                        </tr>
                    </table>
                    <a href="listarPedido.xhtml" style="margin-left: 25px; margin-top: -35px;"> Listar Pedidos</a>
                </h:form>
            </h:panelGroup>
        </ui:define>
    </ui:composition>

</html>